@font-face {
  font-family: Source Code Pro;
  src: url(./assets/font/SourceCodePro-Bold-3.ttf);
}

.editor-root {
  height: 100vh;
  .editor-header {
    position: relative;
    background: linear-gradient(rgb(253, 253, 253), rgb(255, 255, 255));
    z-index: 110;
    height: 50px;
    box-shadow: rgba(100, 100, 100, 0.15) 0px 2px 3px 0px;
    user-select: none;
    overflow: hidden;
    border-bottom: 1px solid rgb(255, 255, 255);
    .title {
      line-height: 50px;
      margin-left: 30px;
      font-size: 20px;
      float: left;
    }
    .actions {
      float: right;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      margin-right: 30px;
      :global {
        .doc-icon {
          cursor: pointer;
          font-size: 19px;
          margin: 7px;
          display: inline-block;
          color: inherit;
          font-style: normal;
          width: 1em;
          height: 1em;
          vertical-align: -2px;
          stroke: currentColor;
        }
      }
    }
  }
  .editor-toobar {
    height: 50px;
  }
}
